<!--<div class="bntop"><img src="<?=url()?>templates/images/bannertop.jpg" width="975"></div>
<div class="sp-banner">
	<div class="namecard"><a href=""><img src="<?php echo site.'templates/images/namecard.gif'?>" width="400" height="170"></a></div>
    <div class="imgcard">
        <ul>
        	<li><a href=""><img src="<?php echo site.'templates/images/sanpham.jpg'?>"></a></li>
            <li><a href=""><img src="<?php echo site.'templates/images/sanpham.jpg'?>"></a></li>
            <li><a href=""><img src="<?php echo site.'templates/images/sanpham.jpg'?>"></a></li>
        </ul>
    </div>
 <div class="clear"></div>
</div>-->
<div class="sp-banner">
	<div class="namecard"><a href=""><img src="<?php echo site.'templates/images/namecard.gif'?>" width="400" height="170"></a></div>
    <!--- slider --->
    <div class="imgcard" id="slider_top_container" style="position: relative; top: 0px; left: 0px; width: 530px; height: 200px; "> 
          
          <!-- Loading Screen -->
          <div u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;"> </div>
            <div style="position: absolute; display: block; background: url(../templates/images/loading.gif) no-repeat center center;
top: 0px; left: 0px;width: 100%;height:100%;"> </div>
          </div>
          
          <!-- Slides Container -->
          <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 530px; height: 200px; overflow: hidden;">
          <?php foreach($list_card as $rs){?>
            <div><a href="<?php echo site.$seg."/sanpham/detail/$rs->pro_id/$rs->lb_alias.html"?>"><img u="image" src="<?php echo site().'uploads/product/'.$rs->lb_image;?>" >
              <h2 style="text-align:center;color:#3861ea;margin-top:-20px"><?php echo $rs->lb_name?></h2>
              </a></div>
            <?php }?>
          </div>
          <div u="arrowleft" class="row-left jssora03l"></div>
          <div u="arrowright" class="row-right jssora03r"></div>
          <!-- Arrow Navigator Skin End --> 
        </div>
    <!--- end slider --->
 <div class="clear"></div>
</div>
<div class="line"></div>